<template>
 <div>
  御剑乘风来,除魔天地间!===slot
  <div class="box">
    <div class="left">left<slot name="left"></slot></div>
    <div class="right">right<slot name="right"></slot>  <slot name="bottom"></slot></div>
  </div>
  
 </div>

</template>
<script>
export default{
    name:'',
    data () {
        return {
            
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
    }
}
</script>
<style lang='less'  scoped>
.box{
  width: 500px;
  height: 500px;
  display: flex;
  justify-content: space-between;
 }
    
</style>
